input {
    border: none !important;
}

.history-edit {
    overflow: hidden;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    .edit-title {
        background: #861874;
        margin: 0;
        color: #fff;
        padding: 10px 0;
        text-align: center;
    }
    background: #eee;
    fieldset {
        border: none;
        background: #fff;
    }
    // #editPopover {
    //     width: 94%;
    //     left: 3%;
    // }
    .per-group {
        font-weight: 300;
        border-bottom: 1px solid #ccc;
        label {
            width: 20%;
            line-height: 40px;
            font-size: 14px;
            font-weight: 300;
            margin: 0;
        }
        .per-warning {
            font-size: 12px;
            color: #dd007b;
        }
        .per-input {
            width: 80%;
            position: relative;
            button {
                border: none;
                padding: 0;
                outline: none;
                box-shadow: none;
                height: 40px;
                input {
                    font-size: 14px;
                    color: #3a3a3a;
                    font-weight: 300;
                }
            }
            input {
                width: 100%;
                text-align: right;
                font-size: 14px;
            }
            input[type=text] {
                margin: 0;
            }
            .per-id {
                .input-group {
                    width: 100%;
                }
            }
            .per-radio {
                position: absolute;
                width: 50%;
                label {
                    padding: 0;
                    width: 100%;
                }
                input[type=radio] {
                    width: 20%;
                    right: 0;
                    position: relative;
                }
                input[type=radio]:before {
                    color: #dd007b;
                }
                input[type=radio]:before:checked {
                    color: #dd007b;
                }
                span {
                    margin-left: 10px;
                }
            }
            .per-radio:first-child {
                float: left;
            }
            .per-radio:last-child {
                left: 50%;
            }
            select {
                height: 40px !important;
                padding: 0 20px;
                margin: 0;
            }
        }
        .form-inline {
            width: 100% !important;
        }
    }
    .edit-btn {
        text-align: center;
        button {
            width: 90%;
            border: none;
            color: #fff;
            margin: 10px 0;
        }
        .btn-profile-save {
            background: #861874;
        }
        .btn-profile-close {
            background: #bdbdbd;
        }
    }

}

#showCityPicker {
    text-align: right;
    width: 100%;
    border: none;
    background: inherit;
    color: #333;
    padding-right: 40px;
}

label {
    font-size: 12px !important;
}

select {
    font-size: 12px !important;
}

select[name=mobile_code] {
    padding: 0 0 0 10px !important;
}

#Area_nationality {
    padding-right: 40px !important;
    direction: rtl !important;
}

#Area_country {
    padding-right: 40px !important;
    direction: rtl !important;
}

button {
    font-size: 12px !important;
    font-weight: 300;
}

input {
    font-size: 12px !important;
}